<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>href_point</title>
</head>

<body>
  <!--h4下锚方式-->
  html4方式:通过 a标签中 name=" <br>
  <a href="#hy">火影忍者</a>
  <a href="#hz">海贼王</a>
  <a href="#be">一人之下</a> <br>
  <!--h5下锚方式-->
  html5方式:通过任意标签的id 比如:div标签中 id <br>
  <a href="#hy1">火影忍者</a>
  <a href="#hz1">海贼王</a>
  <a href="#be1">一人之下</a> <br>
  <!--创建锚点-->
  <a name="hy"></a>
  <div id="hy1">火影忍者 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab ipsum laudantium libero nesciunt
    tempora. Aperiam eum itaque libero necessitatibus sint. A aliquid beatae consectetur cupiditate delectus dignissimos
    earum ex nihil optio provident, quidem ratione rem sint, sit sunt ut vitae voluptas voluptatem! Laborum, natus qui.
    Accusantium alias animi, aut, commodi cum ea eius ex exercitationem explicabo incidunt ipsa magnam modi mollitia non
    officiis placeat quaerat quidem quo repellat saepe totam ut vitae? Adipisci amet, atque beatae consequatur
    cupiditate dolorem eaque earum eos et eum explicabo maiores, nesciunt nobis, nostrum odio optio ratione recusandae
    rem repellat sequi veritatis vitae voluptates voluptatum. Aperiam aut commodi cum cupiditate dolor esse, et facilis
    incidunt inventore ipsum mollitia, nesciunt omnis perspiciatis possimus praesentium quae quaerat quia recusandae
    reiciendis rem soluta tempore ullam vel? Aliquid dolores eos molestias nam porro similique ullam, veritatis
    voluptatum! Aut eaque earum eius eos exercitationem labore quos sequi, sit ullam. Adipisci aliquam animi asperiores
    autem beatae cupiditate debitis doloribus dolorum et exercitationem fuga iste itaque iusto, laboriosam magnam
    maiores nihil pariatur perspiciatis possimus quae quam rerum sit tempore temporibus ullam velit voluptas voluptates.
    Facere fuga inventore iure omnis perferendis praesentium ratione sint. A accusantium alias asperiores atque aut
    blanditiis deserunt doloribus error, est eum excepturi ipsum itaque laudantium magnam magni minus nam natus nemo
    nesciunt perspiciatis placeat quo, reiciendis reprehenderit repudiandae similique vitae voluptates. Aut cumque,
    earum et excepturi fugiat ipsa molestiae nemo obcaecati odit quas quasi quos sint sit tenetur totam. Accusantium
    alias culpa dolorem eius expedita fuga incidunt inventore ipsam libero molestias natus necessitatibus, nihil
    nostrum, quam, saepe similique voluptates. Ab architecto at blanditiis cupiditate dolorum eius error est, eveniet
    excepturi facilis fuga, laboriosam obcaecati, pariatur perspiciatis provident quaerat qui sapiente sequi veniam
    vero. Ab deserunt dolores eos expedita magnam quos ratione rerum vero! Ab accusamus adipisci amet aperiam
    consequuntur culpa, delectus deserunt dolore dolorem doloremque eaque eius enim est eveniet excepturi exercitationem
    facere facilis, hic id impedit ipsa magnam mollitia nam nobis obcaecati officiis optio porro quis, similique sint
    soluta tempora veniam voluptatum! Alias debitis eum facere laudantium modi optio, quia quo totam voluptatibus.
    Eveniet, obcaecati, temporibus. Amet blanditiis delectus dolore dolores eaque fuga, harum inventore non numquam,
    officiis omnis perferendis, perspiciatis sit vel voluptatem. Aspernatur consequatur, distinctio exercitationem fugit
    hic in incidunt magnam molestiae nam natus officiis pariatur porro quam quas quia ratione repellendus rerum
    sapiente, sunt ut. Aperiam exercitationem expedita officia perferendis quibusdam rem unde ut.</div>
  <hr>
  <a name="hz"></a>
  <div id="hz1">海贼王 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab ipsum laudantium libero nesciunt
    tempora. Aperiam eum itaque libero necessitatibus sint. A aliquid beatae consectetur cupiditate delectus dignissimos
    earum ex nihil optio provident, quidem ratione rem sint, sit sunt ut vitae voluptas voluptatem! Laborum, natus qui.
    Accusantium alias animi, aut, commodi cum ea eius ex exercitationem explicabo incidunt ipsa magnam modi mollitia non
    officiis placeat quaerat quidem quo repellat saepe totam ut vitae? Adipisci amet, atque beatae consequatur
    cupiditate dolorem eaque earum eos et eum explicabo maiores, nesciunt nobis, nostrum odio optio ratione recusandae
    rem repellat sequi veritatis vitae voluptates voluptatum. Aperiam aut commodi cum cupiditate dolor esse, et facilis
    incidunt inventore ipsum mollitia, nesciunt omnis perspiciatis possimus praesentium quae quaerat quia recusandae
    reiciendis rem soluta tempore ullam vel? Aliquid dolores eos molestias nam porro similique ullam, veritatis
    voluptatum! Aut eaque earum eius eos exercitationem labore quos sequi, sit ullam. Adipisci aliquam animi asperiores
    autem beatae cupiditate debitis doloribus dolorum et exercitationem fuga iste itaque iusto, laboriosam magnam
    maiores nihil pariatur perspiciatis possimus quae quam rerum sit tempore temporibus ullam velit voluptas voluptates.
    Facere fuga inventore iure omnis perferendis praesentium ratione sint. A accusantium alias asperiores atque aut
    blanditiis deserunt doloribus error, est eum excepturi ipsum itaque laudantium magnam magni minus nam natus nemo
    nesciunt perspiciatis placeat quo, reiciendis reprehenderit repudiandae similique vitae voluptates. Aut cumque,
    earum et excepturi fugiat ipsa molestiae nemo obcaecati odit quas quasi quos sint sit tenetur totam. Accusantium
    alias culpa dolorem eius expedita fuga incidunt inventore ipsam libero molestias natus necessitatibus, nihil
    nostrum, quam, saepe similique voluptates. Ab architecto at blanditiis cupiditate dolorum eius error est, eveniet
    excepturi facilis fuga, laboriosam obcaecati, pariatur perspiciatis provident quaerat qui sapiente sequi veniam
    vero. Ab deserunt dolores eos expedita magnam quos ratione rerum vero! Ab accusamus adipisci amet aperiam
    consequuntur culpa, delectus deserunt dolore dolorem doloremque eaque eius enim est eveniet excepturi exercitationem
    facere facilis, hic id impedit ipsa magnam mollitia nam nobis obcaecati officiis optio porro quis, similique sint
    soluta tempora veniam voluptatum! Alias debitis eum facere laudantium modi optio, quia quo totam voluptatibus.
    Eveniet, obcaecati, temporibus. Amet blanditiis delectus dolore dolores eaque fuga, harum inventore non numquam,
    officiis omnis perferendis, perspiciatis sit vel voluptatem. Aspernatur consequatur, distinctio exercitationem fugit
    hic in incidunt magnam molestiae nam natus officiis pariatur porro quam quas quia ratione repellendus rerum
    sapiente, sunt ut. Aperiam exercitationem expedita officia perferendis quibusdam rem unde ut.</div>
  <hr>
  <a name="be"></a>
  <div id="be1">一人之下 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab ipsum laudantium libero nesciunt
    tempora. Aperiam eum itaque libero necessitatibus sint. A aliquid beatae consectetur cupiditate delectus dignissimos
    earum ex nihil optio provident, quidem ratione rem sint, sit sunt ut vitae voluptas voluptatem! Laborum, natus qui.
    Accusantium alias animi, aut, commodi cum ea eius ex exercitationem explicabo incidunt ipsa magnam modi mollitia non
    officiis placeat quaerat quidem quo repellat saepe totam ut vitae? Adipisci amet, atque beatae consequatur
    cupiditate dolorem eaque earum eos et eum explicabo maiores, nesciunt nobis, nostrum odio optio ratione recusandae
    rem repellat sequi veritatis vitae voluptates voluptatum. Aperiam aut commodi cum cupiditate dolor esse, et facilis
    incidunt inventore ipsum mollitia, nesciunt omnis perspiciatis possimus praesentium quae quaerat quia recusandae
    reiciendis rem soluta tempore ullam vel? Aliquid dolores eos molestias nam porro similique ullam, veritatis
    voluptatum! Aut eaque earum eius eos exercitationem labore quos sequi, sit ullam. Adipisci aliquam animi asperiores
    autem beatae cupiditate debitis doloribus dolorum et exercitationem fuga iste itaque iusto, laboriosam magnam
    maiores nihil pariatur perspiciatis possimus quae quam rerum sit tempore temporibus ullam velit voluptas voluptates.
    Facere fuga inventore iure omnis perferendis praesentium ratione sint. A accusantium alias asperiores atque aut
    blanditiis deserunt doloribus error, est eum excepturi ipsum itaque laudantium magnam magni minus nam natus nemo
    nesciunt perspiciatis placeat quo, reiciendis reprehenderit repudiandae similique vitae voluptates. Aut cumque,
    earum et excepturi fugiat ipsa molestiae nemo obcaecati odit quas quasi quos sint sit tenetur totam. Accusantium
    alias culpa dolorem eius expedita fuga incidunt inventore ipsam libero molestias natus necessitatibus, nihil
    nostrum, quam, saepe similique voluptates. Ab architecto at blanditiis cupiditate dolorum eius error est, eveniet
    excepturi facilis fuga, laboriosam obcaecati, pariatur perspiciatis provident quaerat qui sapiente sequi veniam
    vero. Ab deserunt dolores eos expedita magnam quos ratione rerum vero! Ab accusamus adipisci amet aperiam
    consequuntur culpa, delectus deserunt dolore dolorem doloremque eaque eius enim est eveniet excepturi exercitationem
    facere facilis, hic id impedit ipsa magnam mollitia nam nobis obcaecati officiis optio porro quis, similique sint
    soluta tempora veniam voluptatum! Alias debitis eum facere laudantium modi optio, quia quo totam voluptatibus.
    Eveniet, obcaecati, temporibus. Amet blanditiis delectus dolore dolores eaque fuga, harum inventore non numquam,
    officiis omnis perferendis, perspiciatis sit vel voluptatem. Aspernatur consequatur, distinctio exercitationem fugit
    hic in incidunt magnam molestiae nam natus officiis pariatur porro quam quas quia ratione repellendus rerum
    sapiente, sunt ut. Aperiam exercitationem expedita officia perferendis quibusdam rem unde ut.</div>
  <hr>
  <a name="other"></a>
  <div id="other1">其他页面跳转 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab ipsum laudantium libero nesciunt
    tempora. Aperiam eum itaque libero necessitatibus sint. A aliquid beatae consectetur cupiditate delectus dignissimos
    earum ex nihil optio provident, quidem ratione rem sint, sit sunt ut vitae voluptas voluptatem! Laborum, natus qui.
    Accusantium alias animi, aut, commodi cum ea eius ex exercitationem explicabo incidunt ipsa magnam modi mollitia non
    officiis placeat quaerat quidem quo repellat saepe totam ut vitae? Adipisci amet, atque beatae consequatur
    cupiditate dolorem eaque earum eos et eum explicabo maiores, nesciunt nobis, nostrum odio optio ratione recusandae
    rem repellat sequi veritatis vitae voluptates voluptatum. Aperiam aut commodi cum cupiditate dolor esse, et facilis
    incidunt inventore ipsum mollitia, nesciunt omnis perspiciatis possimus praesentium quae quaerat quia recusandae
    reiciendis rem soluta tempore ullam vel? Aliquid dolores eos molestias nam porro similique ullam, veritatis
    voluptatum! Aut eaque earum eius eos exercitationem labore quos sequi, sit ullam. Adipisci aliquam animi asperiores
    autem beatae cupiditate debitis doloribus dolorum et exercitationem fuga iste itaque iusto, laboriosam magnam
    maiores nihil pariatur perspiciatis possimus quae quam rerum sit tempore temporibus ullam velit voluptas voluptates.
    Facere fuga inventore iure omnis perferendis praesentium ratione sint. A accusantium alias asperiores atque aut
    blanditiis deserunt doloribus error, est eum excepturi ipsum itaque laudantium magnam magni minus nam natus nemo
    nesciunt perspiciatis placeat quo, reiciendis reprehenderit repudiandae similique vitae voluptates. Aut cumque,
    earum et excepturi fugiat ipsa molestiae nemo obcaecati odit quas quasi quos sint sit tenetur totam. Accusantium
    alias culpa dolorem eius expedita fuga incidunt inventore ipsam libero molestias natus necessitatibus, nihil
    nostrum, quam, saepe similique voluptates. Ab architecto at blanditiis cupiditate dolorum eius error est, eveniet
    excepturi facilis fuga, laboriosam obcaecati, pariatur perspiciatis provident quaerat qui sapiente sequi veniam
    vero. Ab deserunt dolores eos expedita magnam quos ratione rerum vero! Ab accusamus adipisci amet aperiam
    consequuntur culpa, delectus deserunt dolore dolorem doloremque eaque eius enim est eveniet excepturi exercitationem
    facere facilis, hic id impedit ipsa magnam mollitia nam nobis obcaecati officiis optio porro quis, similique sint
    soluta tempora veniam voluptatum! Alias debitis eum facere laudantium modi optio, quia quo totam voluptatibus.
    Eveniet, obcaecati, temporibus. Amet blanditiis delectus dolore dolores eaque fuga, harum inventore non numquam,
    officiis omnis perferendis, perspiciatis sit vel voluptatem. Aspernatur consequatur, distinctio exercitationem fugit
    hic in incidunt magnam molestiae nam natus officiis pariatur porro quam quas quia ratione repellendus rerum
    sapiente, sunt ut. Aperiam exercitationem expedita officia perferendis quibusdam rem unde ut.</div>
  <hr>
</body>

</html>